import Vue from 'vue'
import App from './App'
import router from './router'

// 导入全局样式表
import './assets/css/glob.css'

// 导入ElmentUI 组件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

// 导入阿里字体样式表
import './assets/fonts/iconfont.css'

// 导入axios 发送ajax请求
import axios from 'axios'
// 在Vue中注入axios
Vue.prototype.$http = axios
// 设置根路径
axios.defaults.baseURL = 'http://www.liulongbin.top:8888/api/private/v1/'

Vue.config.productionTip = false


// 添加路由导航护卫 监听hash地址
// router.beforeEach((to, from, next) => {
//    if(to.path === '/login') return next()
//    // 取出浏览器中的token
//    const token = sessionStorage.getItem('token')
//    // 如果浏览器内存中没有token,则返回登录页面   登录安全问题， 用的是Vue路由导航护卫
//    if(!token) return next('/login')  
//   //  有token值的话就放行
//    next()
// }) 

// 设置路由拦截器   在发起请求前注入token
axios.interceptors.request.use(function (config) {
  // 首先获取浏览器中token
  const token = sessionStorage.getItem('token')
  config.headers.Authorization = token
  return config;
}, function (error) {
  // Do something with request error
  return Promise.reject(error);
});

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})
